<!doctype html>
<html lang="zh-CN">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="哈哈大王">
  <meta name="Keywords" content="商品">
  <meta name="Description" content="商品列表">
  <title>第九课作业</title>
  <style>
  		*{margin:0;
		  padding:0;
		  list-style:none;
		  }
		  .demo{
		  width:1200px;
		  height:600px;
		  margin:50px auto;
		  /* background-color:pink; */
		  border-radius:50px;
		  overflow:hidden;
		  
		  /* background-image:
		  () */
		  }
		  p{
		  width:700px;
		  height:50px;
		  text-align:center;
		  margin:10px auto;
		  background-color:snow;
		  line-height:50px;
		  font-size:17px;
		  font-family:"微软雅黑";
		  }
		  p>span{
		  margin-left:10px;
		  margin-right:10px;
		  }
		  img{
		  float:left;
		  }
		  .picture1{
		  margin-left:10px;
		  margin-top:30px;}

		  .picture3>img{margin-top:237px;
		  margin-left:-176px;}
		 .picture5>img{margin-top:173px;
		  margin-left:-158px;}
		  .picture6>img{margin-top:327px;
		  margin-left:-176px;}
		  .picture8>img{margin-top:177px;
		  margin-left:-176px;}
		  .picture9>img{
		  margin-left:-82px;}
  </style>
 </head>
 <body>
	 <div class="demo">
	 	 <p>护肤<span>|</span>护肤<span>|</span>护肤<span>|</span>护肤<span>|</span>护肤<span>|</span>护肤<span>|</span>
	 	 			护肤<span>|</span>护肤<span>|</span>护肤<span>|</span>护肤<span>|</span>护肤
	 	 </p>
	 	 
	 	 <ul>
		 	 <li class="picture1"><img src="../static/image/1.png"></li>
			 <li class="picture2"><img src="../static/image/2.png"></li>
			 <li class="picture3"><img src="../static/image/3.png"></li>
			 <li class="picture4"><img src="../static/image/4.png"></li>
			 <li class="picture5"><img src="../static/image/5.png"></li>
			 <li class="picture6"><img src="../static/image/6.png"></li>
			 <li class="picture7"><img src="../static/image/7.png"></li>
			 <li class="picture8"><img src="../static/image/8.png"></li>
			 <li class="picture9"><img src="../static/image/9.png"></li>
		 </ul>

	 </div>
  
 </body>
</html>
